<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Almacenamiento y Volúmenes</title>
        <link rel="icon" type="image/ico" href="icon.gif" />
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html {
                height: 100%;
            }
            body {
                height: 80%
            }
        </style>
    </h:head>
    <h:body>
        <div id="cuerpo_principal">
            <div id="encabezado">
                <div id="barra_herramientas">
                </div>
                <div id="firma_busqueda">
                    <div id="sector">
                        <img alt="Firma Institucional"
                             src="resources/img/logo_netbrain.png" />
                    </div>
                </div>
            </div>
            <div id="cuerpo_interna">
                <div class="renglon">
                    <div class="cuadro K fondo_columna">
                    </div>
                    <div class="cuadro B">
                        <!-- Formulario para menúes -->
                        <h:form id="frmMenu">
                            <p:growl id="messages"/> 
                            <p:menubar autoDisplay="false">  
                                <p:menuitem value="Inicio" url="#" icon="home" />  
                                <p:submenu label="Configuración" icon="settings">  
                                    <p:menuitem value="Instalación" url="install.jsf" />  
                                    <p:menuitem value="Almacenamiento" url="storage.jsf" />
                                    <p:menuitem value="Servicio web" url="#" />
                                    <p:menuitem value="Estilos y Apariencia" url="#" />
                                    <p:menuitem value="Idiomas disponibles" url="#" />
                                    <p:menuitem value="Datos de seguridad" url="#" />
                                    <p:menuitem value="Base de datos" url="#" />
                                    <p:menuitem value="Tipos de archivos" url="typeFile.jsf" />
                                    <p:menuitem value="Organizaciones" url="organizations.jsf" />
                                </p:submenu>  
                                <p:submenu label="Usuarios y Grupos" icon="users">  
                                    <p:menuitem value="Usuarios LDAP" url="#" />
                                    <p:menuitem value="Usuarios" url="#" />
                                    <p:menuitem value="Grupos" url="#" />
                                    <p:menuitem value="Firma electronica" url="#" />
                                    <p:menuitem value="Propiedades" url="#" />
                                    <p:menuitem value="Perfiles y Roles" url="profile.jsf" />
                                </p:submenu>  
                                <p:submenu label="Repositorios" icon="storage">  
                                    <p:menuitem value="Repositorios" url="repositories.jsf" />  
                                    <p:menuitem value="Expedientes" url="records.jsf" />
                                    <p:menuitem value="Catalogos" url="catalogs.jsf" />
                                </p:submenu>  
                                <p:submenu label="Seguimiento" icon="storage">  
                                    <p:menuitem value="Catalogos" url="#" />  
                                    <p:menuitem value="Servicio SMTP" url="#" />
                                    <p:menuitem value="Creación" url="#" />
                                    <p:menuitem value="Perfiles y Roles" url="#" />
                                    <p:menuitem value="Estados de flujo" url="#" />
                                    <p:menuitem value="Reportes" url="#" />
                                    <p:menuitem value="Notificadores" url="#" />
                                </p:submenu>                  
                                <p:menuitem value="Salir" url="login.jsf" icon="exit" />  
                            </p:menubar>
                        </h:form>
                        <br />
                        <!-- Formulario para el botón de nuevo Volúmen -->
                        <h:form>
                            <p:commandButton value="Nuevo Volúmen" onclick="newVolDlg.show()"
                                             icon="add" />
                        </h:form>
                        <br />
                        <!-- Formulario para el diálogo de nuevo Volúmen -->
                        <h:form id="frmNewVol">
                            <p:dialog header="Agregar Nuevo Volúmen" widgetVar="newVolDlg" resizable="false" modal="true"
                                      id="newVolDialog">
                                <p:growl id="newVolGrowl" showDetail="false" sticky="true" />
                                <h:panelGrid columns="2" style="margin-bottom:10px">  
                                    <h:outputLabel for="nameVol" value="Nombre:" />  
                                    <p:inputText id="nameVol" value="#{storageBean.nameVol}" />  
                                    <h:outputLabel for="routeVol" value="Ruta:" />  
                                    <p:inputText id="routeVol" value="#{storageBean.routeVol}" />  
                                    <h:outputLabel for="spaceVol" value="Espacio (Mb):" />  
                                    <p:inputText id="spaceVol" value="#{storageBean.spaceVol}" />
                                    <p:selectBooleanCheckbox  value="#{storageBean.storage.share}"/>
                                    <h:outputText value="¿Volúmen compartido?" />
                                </h:panelGrid>   
                                <p:commandButton id="saveVolButton" value="Guardar" icon="save"
                                                 actionListener="#{storageBean.saveVol()}"
                                                 oncomplete="newVolDlg.hide();" update=":frmStorage,newVolGrowl,newVolDialog" />
                                <p:commandButton value="Cancelar" oncomplete="newVolDlg.hide();" icon="cancel" />
                            </p:dialog>
                        </h:form>
                        <!-- Formulario para la tabla de Volúmenes -->
                        <h:form id="frmStorage">
                            <p:dataTable var="storage" value="#{storageBean.listStorage}" paginator="true" rows="10"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="1,5,10,15,20,30">
                                <h:inputHidden value="#{storage.id}" />
                                <p:column headerText="Nombre del Volúmen">
                                    <h:outputText value="#{storage.name}" />
                                </p:column>
                                <p:column headerText="Ruta del Volúmen">
                                    <h:outputText value="#{storage.route}" />
                                </p:column>
                                <p:column headerText="Espacio del Volúmen (Mb)">
                                    <h:outputText value="#{storage.space}" />
                                </p:column>
                                <p:column headerText="Espacio del Volúmen">
                                    <h:outputText value="#{storage.share}" />
                                </p:column>
                                <p:column style="width:12%; text-align: center;">  
                                <p:commandButton oncomplete="editVolDlg.show()" icon="edit" title="Editar"
                                                 update=":frmEditVol:editVolDlg"
                                                 actionListener="#{storageBean.prepareStorage(storage.id)}"/>
                                    <p:commandButton icon="delete" title="Eliminar" onclick="confirmDelVol.show()"
                                                     actionListener="#{storageBean.prepareStorage(storage.id)}"/>
                                </p:column>
                            </p:dataTable>
                        </h:form>
                        <!-- Formulario para eliminar registro de Volúmenes -->
                        <h:form id="frmDelVol">
                            <p:growl id="deleteVolGrowl" />
                            <p:confirmDialog id="confirmDlgDelVol" message="¿Está seguro de querer borrar el registro de este Volúmen?"  
                                             header="Borrar Registro" severity="alert" widgetVar="confirmDelVol">  
                                <p:commandButton id="confirmDelOrg" update=":frmStorage,deleteVolGrowl" value="Si" 
                                                 oncomplete="confirmDelVol.hide()"  
                                                 actionListener="#{storageBean.deleteVol()}"
                                                 icon="accept"/>  
                                <p:commandButton id="decline" value="No" onclick="confirmDelVol.hide()" 
                                                 type="button" icon="cancel"/>
                            </p:confirmDialog>
                        </h:form>
                        <!-- Formulario para editar el registro de los Volúmenes -->
                        <h:form id="frmEditVol">
                            <p:dialog header="Editar Registro de Volúmenes" widgetVar="editVolDlg" 
                                  resizable="false" modal="true" id="editVolDlg">
                                <p:growl id="editVolGrowl" />
                                <p:panelGrid columns="2" style="margin-bottom:10px">  
                                    <h:outputLabel for="nameVol" value="Nombre:" />  
                                    <p:inputText id="nameVol" value="#{storageBean.storage.name}" />  
                                    <h:outputLabel for="routeVol" value="Ruta:" />  
                                    <p:inputText id="routeVol" value="#{storageBean.storage.route}" />  
                                    <h:outputLabel for="spaceVol" value="Espacio (Mb):" />  
                                    <p:inputText id="spaceVol" value="#{storageBean.storage.space}" />
                                    <p:selectBooleanCheckbox  value="#{storageBean.storage.share}"/>
                                    <h:outputText value="¿Volúmen compartido?" />
                                </p:panelGrid>
                                <p:commandButton value="Guardar" icon="save" oncomplete="editVolDlg.hide();"
                                                 update=":frmStorage,editVolGrowl" actionListener="#{storageBean.editVol()}"/>
                                <p:commandButton value="Cancelar" oncomplete="editVolDlg.hide();" icon="cancel" />
                            </p:dialog>
                        </h:form>
                    </div>
                </div>
            </div>
            <div id="pie">
            </div>
        </div>
    </h:body>
</html>

